<template>
  <div class="text item el-over-auto" style="padding:10px 50px">
    <el-form label-width="80px" :model='appForm'>
      <el-form-item label="应用ID" v-if="appForm.appId">
        <el-col :span="12">
          <span>{{ appForm.appId }}</span>
        </el-col>
      </el-form-item>
      <el-form-item label="应用编码">
        <el-col :span="12">
          <span>{{ appForm.appCode }}</span>
        </el-col>
      </el-form-item>
      <el-form-item label="应用名称">
        <el-col :span="12">
          <span>{{ appForm.appName }}</span>
        </el-col>
      </el-form-item>
      <el-form-item label="应用状态">
        <el-col :span="12">
          <span>{{ appForm.appStatus=="Y"?"启用":"禁用"}}</span>
        </el-col>
      </el-form-item>
      <el-form-item label="地址">
        <el-col :span="12">
          <span>{{ appForm.ipAddr }}</span>
        </el-col>
      </el-form-item>
      <el-form-item label="端口">
        <el-col :span="12">
          <span>{{appForm.ipPort }}</span>
        </el-col>
      </el-form-item>
      <el-form-item label="应用目录">
        <el-col :span="12">
          <span>{{appForm.appInfo }}</span>
        </el-col>
      </el-form-item>
      <el-form-item label="说明">
        <el-col :span="12">
          <span>{{appForm.appDesc }}</span>
        </el-col>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
  export default {
    name: "appForm",
    props: ['appForm'],
    data() {
      return {

      }
    },
    methods: {

    }
  }
</script>
